1. Introduction to the course

  1. Introduction
    • In this course, you will not learn how to use specific applications to design web documents.
    • You will learn frontend (also called client-side) web technologies such as HTML, CSS, JavaScript, and DOM. Mostly programming side.
    • You will NOT learn those frontend web technologies by studying topics by topics with examples, as many other courses do.
    • This course uses a different approach. You will start with analysis of a web application, TRU Board Games Playground. The analysis will give you the list what specific how-to topics should be used.
    • Those specific how-to topics with some other general topics will be discussed.
  2. Learning objectives
    • Distinguish web-related technologies.
    • Identify and interpret structure and content elements of an HTML document
    • Use the topics in HTML and CSS
    • Develop a basic web document with HTML elements and CSS styles
    • Design and create web document layouts with CSS and Bootstrap
    • Design and implement TRU Board Game Playground and your board game that include
      • layout
      • user interface
        • tabs
        • drop-down menus
        • modal windows
        • message boxes
      • JavaScript programming with TRU Board Game library

      • Briefly,
    • Use of HTML, CSS, Bootstrap, and JavaScript to design and implement interactive web applications.
    • , not
    • Cornerstones for
  3. Course projects
    • You will learn/practice the topics in this course while you develop the next web applications. You can try them.
    • What can you see from the above two applications?
  4. Expectations
    • Self-directed learning
    • Self-motivated learning
  5. Instructor
    • Dr. Mahnhoon Lee
    • Computing Science, Thompson River University, Canada
    • (250) 377-6022
    • mlee@tru.ca
  6. How to study well - Is motivation good enough?
    • There are many general ideas. Can you suggest good ideas?
    • Some of them are more important. What are they?
    • There are two types of habits, winning habits and loosing habits.
    • Winning habits are ...
    • Loosing habits are ...